<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>浮动框架应用</title>
     <style type="text/css">
         *{
             margin: 0;
         }
         .left{
             margin: 50px;
             background: red;
         }
         .right{
             margin: 50px;
             background: aquamarine;
         }
     </style>
</head>
<body>
<h3 style="font-size: 30px;color:red">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;浮动框架中打开新页面</h3>
<table width="80%" align="center" border="1">
        <tr>
            <td class="left"  height="100" align="center"><a href="http://www.zut.edu.cn">http://www.zut.edu.cn</a>
            </td>
            <td class="right"  height="100" align="center"><a href="http://www.buaa.edu.cn">http://www.buaa.edu.cn</a>
            </td>
        </tr>
        <tr>
            <td width="300" height="400" rowspan="4">
                <iframe src="http://www.taobao.com" width="100%" height="100%" name="test"></iframe>
            </td>
            <td width="300" height="400" rowspan="4">
                <iframe src="http://www.jd.com" width="100%" height="100%" name="test"></iframe>
            </td>
       </tr>
</table>
</body>
</html>